{% extends 'app01/base.html' %}
{% block head %}
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="canonical" href="https://getbootstrap.com/docs/3.4/examples/signin/">

    <title>登录页面</title>

    <link href="https://fastly.jsdelivr.net/npm/@bootcss/v3.bootcss.com@1.0.35/dist/css/bootstrap.min.css"
          rel="stylesheet">
    -<!-- Custom styles for this template -->
    <link href="https://fastly.jsdelivr.net/npm/@bootcss/v3.bootcss.com@1.0.35/examples/signin/signin.css"
          rel="stylesheet">
</head>
{% endblock %}
{% block body_style %}style="background-color:darkgrey"{% endblock %}
{% block logout %}{% endblock %}
{% block container %}
<div class="container">

    <form class="form-signin" method="post" action="{% url 'login:login' %}">
        {% csrf_token %}
        <br>
        <br>
        <h2 class="form-signin-heading">请登录</h2>
        <label for="username" class="sr-only">Username</label>
        <input type="text" id="username" name="username" class="form-control" value="chenqian-057" placeholder="请输入用户名" required autofocus>
        <label for="pwd" class="sr-only">Password</label>
        <input type="password" id="pwd" class="form-control" name="pwd" placeholder="密码" value="123456" required>
        <div class="checkbox">
            <label>
                <input type="checkbox" name="remember" value="1"> 记住我
            </label>

        </div>
        <div style="color: mediumvioletred">{{ tips }}</div>
        <button class="btn btn -lg btn-primary btn-block" type="submit">登录</button>
    </form>

</div> <!-- /container -->
{% endblock %}
